<template>
  <div class="personal">
    <van-nav-bar
        title="个人信息"
        left-arrow
        @click-left="onClickLeft"
    />
    <div class="personal_info">
      <div style="padding-top: 15px"><span>头像</span><van-icon name="arrow" /></div>
      <div><span>昵称</span><span>123<van-icon name="arrow" /></span></div>
      <div><span>生日</span><van-icon name="arrow" /></div>
      <div style="padding-bottom: 15px" @click="toAddress"><span>收货地址</span><span>修改/添加<van-icon name="arrow" /></span></div>
    </div>
  </div>
</template>
<script>
export default {
  setup() {
    const onClickLeft = () => history.back();
    return {
      onClickLeft,
    };
  },
  methods:{
    toAddress(){
      this.$router.push('/address');
    }
  }
};

</script>
<style>
.personal {
  height: 896px;
  background: #f4f4f4;
}
.personal_info{
  margin-top: 10px;
  background: white;
}
.personal_info div{
  display: flex;
  justify-content: space-between;
  padding: 0 15px 0 15px;
  margin: 15px 0 15px 0;
  align-items: center;
}
</style>